<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8">
		<title>文章页面</title>
		<meta name="viewport" content="width=device-width,initial-scale=1,minimum-scale=1,maximum-scale=1,user-scalable=no" />
		<!-- <link rel="stylesheet" type="text/css" href="css/head.css"/> -->
		<link rel="stylesheet" type="text/css" href="css/head-up.css"/>
		<link rel="stylesheet" type="text/css" href="css/reset.css"/>
		<link rel="stylesheet" type="text/css" href="css/article.css"/>
		<link rel="stylesheet" type="text/css" href="css/foot.css"/>
		<link rel="stylesheet" type="text/css" href="css/swiper.min.css"/>
	</head>
	<body>
		
		<!-- 大容器 开始 -->
		<div class="web">
			
			<!-- 头部 开始 -->
			<div class="nav-top">
				
				<!-- 头部-左 开始 -->
				<a href="#">
					<div class="top-menu">
					
				    </div>
					<div class="top-one">
						
					</div>
				</a>
				<!-- 头部-左 结束 -->
				
				<!-- 头部logo 开始 -->
				<img src="img/logo_03.jpg" >
				<!-- 头部logo 结束 -->
				
				<!-- 搜索按钮 开始 -->
				<a href="">
					<div class="search-btn">
					
				    </div>
				</a>
				
				<!-- 搜索按钮 结束 -->
				
			</div>
			<!-- 头部 结束 -->
			
			<!-- 主体 开始 -->
			<div class="wrapper">
				
				<!-- 太子金 开始 -->
				<!-- <div class="w_big">
					
				</div> -->
				<div class="swiper-container">
				    <div class="swiper-wrapper">
				        <div class="swiper-slide"><img src="img/images/文章大图_02.jpg" width="100%"height="100%"></div>
				        <div class="swiper-slide"><img src="img/images/文章大图_02.jpg" width="100%"height="100%"></div>
				        <div class="swiper-slide"><img src="img/images/文章大图_02.jpg" width="100%"height="100%"></div>
				    </div>
				    <div class="swiper-pagination"></div>
				    	
				    </div>
				    
				</div>
				
				
				
				<!-- 太子金 结束 -->
				
				<!-- 商品栏 开始 -->
				<div class="w_main">
					<ul>
						<a href="">
							<li>
								<div class="li_img">
									<!-- 图片 -->
								</div>
								<div class="li_type">
									<!-- 标题h3 -->
									<h3>海天 "晒 "宴，和汪涵一起，参观海天酱油......</h3>
									<!-- 中间行 div>span/span/span -->
									<div class="ty_2">
										<span><img src="img/images/营销_03.jpg" ></span>
										<span>
											<img src="img/爱心_05.jpg" >
											<span>120</span>
										</span>
										<span>
											<img src="img/images/小眼睛_03.jpg" >
											<span>560</span>
										</span>
									</div>
									<!-- 最后行 div>span>span -->
									<div class="ty_3">
										<span>
											<img src="img/images/文章-用户头像_03.jpg" >
											<span>叶巧岚</span>
										</span>
										<span>2015年1月20日</span>
									</div>
								</div>
							</li>
						</a>
						<a href="">
							<li>
								<div class="li_img">
									<!-- 图片 -->
								</div>
								<div class="li_type">
									<!-- 标题h3 -->
									<h3>海天 "晒 "宴，和汪涵一起，参观海天酱油......</h3>
									<!-- 中间行 div>span/span/span -->
									<div class="ty_2">
										<span><img src="img/images/营销_03.jpg" ></span>
										<span>
											<img src="img/爱心_05.jpg" >
											<span>120</span>
										</span>
										<span>
											<img src="img/images/小眼睛_03.jpg" >
											<span>560</span>
										</span>
									</div>
									<!-- 最后行 div>span>span -->
									<div class="ty_3">
										<span>
											<img src="img/images/文章-用户头像_03.jpg" >
											<span>叶巧岚</span>
										</span>
										<span>2015年1月20日</span>
									</div>
								</div>
							</li>
						</a>
						<a href="">
							<li>
								<div class="li_img">
									<!-- 图片 -->
								</div>
								<div class="li_type">
									<!-- 标题h3 -->
									<h3>海天 "晒 "宴，和汪涵一起，参观海天酱油......</h3>
									<!-- 中间行 div>span/span/span -->
									<div class="ty_2">
										<span><img src="img/images/营销_03.jpg" ></span>
										<span>
											<img src="img/爱心_05.jpg" >
											<span>120</span>
										</span>
										<span>
											<img src="img/images/小眼睛_03.jpg" >
											<span>560</span>
										</span>
									</div>
									<!-- 最后行 div>span>span -->
									<div class="ty_3">
										<span>
											<img src="img/images/文章-用户头像_03.jpg" >
											<span>叶巧岚</span>
										</span>
										<span>2015年1月20日</span>
									</div>
								</div>
							</li>
						</a>
						<a href="">
							<li>
								<div class="li_img">
									<!-- 图片 -->
								</div>
								<div class="li_type">
									<!-- 标题h3 -->
									<h3>海天 "晒 "宴，和汪涵一起，参观海天酱油......</h3>
									<!-- 中间行 div>span/span/span -->
									<div class="ty_2">
										<span><img src="img/images/营销_03.jpg" ></span>
										<span>
											<img src="img/爱心_05.jpg" >
											<span>120</span>
										</span>
										<span>
											<img src="img/images/小眼睛_03.jpg" >
											<span>560</span>
										</span>
									</div>
									<!-- 最后行 div>span>span -->
									<div class="ty_3">
										<span>
											<img src="img/images/文章-用户头像_03.jpg" >
											<span>叶巧岚</span>
										</span>
										<span>2015年1月20日</span>
									</div>
								</div>
							</li>
						</a>
						<a href="">
							<li>
								<div class="li_img">
									<!-- 图片 -->
								</div>
								<div class="li_type">
									<!-- 标题h3 -->
									<h3>海天 "晒 "宴，和汪涵一起，参观海天酱油......</h3>
									<!-- 中间行 div>span/span/span -->
									<div class="ty_2">
										<span><img src="img/images/营销_03.jpg" ></span>
										<span>
											<img src="img/爱心_05.jpg" >
											<span>120</span>
										</span>
										<span>
											<img src="img/images/小眼睛_03.jpg" >
											<span>560</span>
										</span>
									</div>
									<!-- 最后行 div>span>span -->
									<div class="ty_3">
										<span>
											<img src="img/images/文章-用户头像_03.jpg" >
											<span>叶巧岚</span>
										</span>
										<span>2015年1月20日</span>
									</div>
								</div>
							</li>
						</a>
						<a href="">
							<li>
								<div class="li_img">
									<!-- 图片 -->
								</div>
								<div class="li_type">
									<!-- 标题h3 -->
									<h3>海天 "晒 "宴，和汪涵一起，参观海天酱油......</h3>
									<!-- 中间行 div>span/span/span -->
									<div class="ty_2">
										<span><img src="img/images/营销_03.jpg" ></span>
										<span>
											<img src="img/爱心_05.jpg" >
											<span>120</span>
										</span>
										<span>
											<img src="img/images/小眼睛_03.jpg" >
											<span>560</span>
										</span>
									</div>
									<!-- 最后行 div>span>span -->
									<div class="ty_3">
										<span>
											<img src="img/images/文章-用户头像_03.jpg" >
											<span>叶巧岚</span>
										</span>
										<span>2015年1月20日</span>
									</div>
								</div>
							</li>
						</a>
					</ul>
				</div>
				<!-- 商品栏 结束 -->
				
				<!-- 加载更多 开始 -->
				<div class="loding">
					<div class="l_d">
						<span>加载更多</span>
					</div>
					
				</div>
				<!-- 加载更多 结束 -->
				
			</div>
			
			
			
			<!-- 主体 结束 -->
			
			
			<!-- 尾部 开始 -->
			<div class="nav">
				<div class="nav-foot">
					<ul class="f_ul">
						<a href="" >
							<li></li>
						</a>
						<a href="" >
							<li></li>
						</a>
						<a href="" >
							<li></li>
						</a>
						<a href="">
							<li></li>
						</a>
						<a href="" >
							<li></li>
						</a>
					</ul>
				</div>
			</div>
			<!-- 尾部 结束 -->
			
		</div>
		<!-- 大容器 结束 -->
		
		<script src="js/swiper.min.js" type="text/javascript" charset="utf-8"></script>
		<script type="text/javascript">
			var mySwiper = new Swiper ('.swiper-container', {
				    autoplay:2000,
				    loop: true, // 循环模式选项
					pagination:'.swiper-pagination',
					paginationType:'bullets',
				
				pagination: {
				      el: '.swiper-pagination',
				    }, 
				    
				   
			})
		</script>
		
	</body>
</html>
